<template>
<!-- 单个日期 -->
  <div>
    <el-date-picker
      v-model="value"
      size='mini'
      type="date"
      @change='handleChange'
      placeholder="选择日期">
    </el-date-picker>
  </div>
</template>

<script>
export default {
  name: 'datePicker',
  data(){
      return{
          value:'',//选中的日期
      }
  },
  methods:{
    //   当前选中的日期
      handleChange(val){
          console.log(val)
      }
  }
}
</script>

<style lang="less" scoped>
.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 125px;
}
</style>
